<template>
    <BaseEcharts :chatsOption="chatsOption"></BaseEcharts>
</template>

<script>
    import BaseEcharts from "../../../components/common/Cahrts/coreEcharts"

    export default {
        components: {
            BaseEcharts
        },
      data(){
            return {
                chatsOption:  {
                    tooltip: {
                        trigger: 'axis',
                        formatter: '{b0}{a0}: {c0}<br />{b1}{a1}: {c1}<br />{b2}{a2}: {c2}<br />{b3}{a3}: {c3}<br />',
                        axisPointer: {
                            type: 'line',
                            label: {
                                backgroundColor: '#283b56'
                            }
                        },
                        textStyle: {
                            fontSize: 60,
                        },
                        padding: 20,
                        borderWidth: 4,
                        borderColor: "#48AFFF",
                        backgroundColor: "#010541",
                        extraCssText: "border-radius:20px;",

                    },
                    legend: {
                        // data: ['邮件营销', '联盟广告', '视频广告', '直接访问', '搜索引擎']
                        // data: ['Forest', 'Steppe', 'Desert', 'Wetland']
                        // width: "1%",
                        // height: "100%",
                        itemWidth: 80,
                        itemHeight: 30,
                        textStyle:{
                            color:"#fff",
                            fontSize:40,
                        },
                        icon:"roundRect",
                    },
                    xAxis: [
                        {
                            type: 'category',
                            data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
                            axisPointer: {
                                type: 'shadow'
                            },
                            axisLabel: {
                                fontSize: 40,
                                color: "#fff",
                            }
                        }
                    ],
                    yAxis: [
                        {
                            type: 'value',
                            name: '水量',
                            min: 0,
                            max: 100,
                            // interval: 50,
                            splitLine: {
                                show: false,
                            },
                            axisLabel: {
                                formatter: '{value}',
                                fontSize: 40,
                                color: "#fff",
                            }
                        }
                    ],
                    series: [
                        {
                            name: '蒸发量',
                            type: 'line',
                            itemStyle: {
                                color: "#8275FA",
                            },
                            label: {
                                normal: {
                                    show: true,
                                    position: 'top',
                                    fontSize: 25,
                                }
                            },
                            data: [20, 49, 70, 22, 25, 77, 16, 12, 36, 20, 64, 33]
                        },

                        {
                            name: '平均温度',
                            type: 'line',
                            itemStyle: {
                                color: "#01C2C8",
                            },
                            label: {
                                normal: {
                                    show: true,
                                    position: 'top',
                                    fontSize: 25,
                                }
                            },

                            data: [20, 22, 33, 45, 63, 12, 20., 24, 23, 16, 12, 62]
                        },
                        {
                            name: '平均温度1',
                            type: 'line',
                            itemStyle: {
                                color: "#FC589A",
                            },
                            label: {
                                normal: {
                                    show: true,
                                    position: 'top',
                                    fontSize: 25,
                                }
                            },

                            data: [20, 12, 43, 45, 23, 52, 10, 34, 43, 56, 62, 62]
                        },
                        {
                            name: '平均温度2',
                            type: 'line',
                            itemStyle: {
                                color: "#FAA669",
                            },
                            label: {
                                normal: {
                                    show: true,
                                    position: 'top',
                                    fontSize: 25,
                                }
                            },

                            data: [40, 52, 73, 45, 53, 52, 30, 64, 83, 76, 62, 92]
                        }
                    ]

                }
            }

      }

    }
</script>
